<template>
  <div id="app">

    <header class="header">
      <router-link to="/home">home</router-link>
      <router-link to="/news">news</router-link>
    </header>

    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "app",
    data() {
      return {
        msg: "主页组件"
      };
    }
  };
</script>

<style lang="scss">
  .header {


    height: 4.4rem;

    background: #000;

    color: #fff;

    line-height: 4.4rem;

    text-align: center;

    a {
      color: #fff;

      padding: 0 2rem
    }
  }
</style>